<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>蓝鲸首页</title>
    <link href="https://cdn.bootcdn.net/ajax/libs/Swiper/6.5.8/swiper-bundle.min.css" rel="stylesheet"><script src="js/app.js"></script>
    <link rel="stylesheet" href="css/app.css">
</head>
<body>
<header>
    <div class="header-logo">
        <img  class="logo" src="/images/logo.png" alt="">
        <img class="header-cl-btn" src="/images/header-column-button.png" alt="">
    </div>
    <div class="header-des">
        <span class="header-des-cont">
            为用户提供完备的系统解决方案...
        </span>
        <img src="images/header-right-arrow.png" class="header-des-icon"/>
    </div>
</header>
<main class="home">
    <div class="swiper-container banner-container">
        <div class="swiper-wrapper">
            <div class="swiper-slide">
                <img class="banner-item" src="/images/banner1.png" alt="">
            </div>
            <div class="swiper-slide">
                <img class="banner-item" src="/images/banner1.png" alt="">
            </div>
        </div>
    </div>

    <div class="data">
        <div class="data-tit">
            <span class="tit-eng">
                BIG DATA
                PRESENTATION
            </span>
            <span class="tit-txt">大数据展示</span>
            <img class="tit-data-round" src="/images/data-round.png" alt="">
            <img class="tit-data-arrow" src="/images/data-arrow.png" alt="">
        </div>

        <div class="data-item">
            <div class="it-con">
                <span class="it-tit">技术深耕</span>
                <div class="data-box">
                    <span class="it-data">10</span>
                    <span class="it-unit">年</span>
                </div>
            </div>
        </div>
        <div class="data-item">
            <div class="it-con">
                <span class="it-tit">技术深耕</span>
                <div class="data-box">
                    <span class="it-data">10</span>
                    <span class="it-unit">年</span>
                </div>
            </div>
        </div>
        <div class="data-item">
            <div class="it-con">
                <span class="it-tit">技术深耕</span>
                <div class="data-box">
                    <span class="it-data">10</span>
                    <span class="it-unit">年</span>
                </div>
            </div>
        </div>
        <div class="data-item">
            <div class="it-con">
                <span class="it-tit">技术深耕</span>
                <div class="data-box">
                    <span class="it-data">10</span>
                    <span class="it-unit">年</span>
                </div>
            </div>
        </div>
    </div>
</main>
<footer></footer>
<script src="https://cdn.bootcdn.net/ajax/libs/animejs/3.2.1/anime.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/Swiper/6.5.8/swiper-bundle.js"></script>
<script src="js/app.js"></script>
</body>
</html>